/* GENERAL ----------------------------------------------------*/

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: Verdana,sans-serif;
  font-size: 12px;
  color: #333;
}

a {
  color: #3671a1;
    margin: 0;
    padding: 0;
}

a img {
  border: 0;
    padding: 0;
}

img { -ms-interpolation-mode:bicubic; }

p {
    font-size: 1.3em;
    color: #232323;
    font-family: georgia, times, "times new roman";
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

strong {
    color: #000;
}

span.highlight {
  background-color: #ffcc00;
  color: #000;
  padding: 2px;
  margin: 5px 0;
}

span.red {
    color: #990000;
}

h1 {
    text-align: center;
    font-size: 2.5em;
    letter-spacing: -1px;
    font-family: helvetica, arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
}

div.clear {
  clear: both;
}

div.pullquote {
  font-family: Georgia;
  color: #3399cc;
  font-size: 36px;
  text-align: left;
  padding: 0 15px;
  margin: -7px 0 30px 0;
}

/* STATEMENT --------------------------------------------------*/

div.statement {
    text-align: center;
    width: 100%;
    margin: 5px 0 15px 0;
}

body.home div.left div.statement {
    width: 710px;
}

div.statement h2 {
    margin: 0;
    font-family: georgia, helvetica, arial, sans-serif;
    font-size: 32px;
    font-weight: normal;
    color: #444;
}

div.statement a {
    font-weight: bold;
}

/* STRUCTURE --------------------------------------------------*/

div.container {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    text-align: center;
}

div.site_header div.container {
    background-color: transparent;
}

div.links div.container {
    background-color: #333;
}

div.content {
    width: 950px;
    float: left;
    margin-bottom: 20px;
    text-align: left;
}

div.leftcolumn {
  width: 455px;
  padding: 0 15px 15px 0;
  padding-left: 0;
  padding-bottom: 0;
  float: left;
    text-align: left;
}

div.rightcolumn {
  width: 455px;
  padding: 0 0 15px 15px;
  float: left;
    text-align: left;
}

div.rightcolumneven {
  width: 435px;
  padding-left: 0px;
  float: right;
    text-align: left;
}

div.leftcolumneven {
  width: 435px;
  padding-right: 0px;
  float: left;
    text-align: left;
}

/* HEADERS ----------------------------------------------------*/

div.header {
    height: 50px;
    text-align: left;
    background-color: #222;
    font-size: 14px;
    line-height: 1.7em; 
}

div.header h1 {
    text-align: left;
    font-size: 44px;
    font-family: helvetica, arial, sans-serif;
    color: #000;
    margin-bottom: 5px;
}

div.header h2 {
    text-align: left;
    font-size: 20px;
    font-family: helvetica, arial, sans-serif;
    margin: 0 0 30px 0;
    color: #555;
}

div.header img {
    float: right;
    margin-top: 3px;
}

div.header div.container {
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    color: #666;
}

div.pageband {
    margin: 0 0 25px 0;
    padding: 0;
    width: 100%;
    background-color: #ead7be;
    border-bottom: 1px solid #dadfcb;
    background-image: url(/images/portal/texture.png);
}

div.pagetitle {
    padding: 0;
    height: 50px;
}

div.pagetitle h1 {
  font-family: helvetica, arial sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #222;
    letter-spacing: -1px;
    margin: 0;
    padding: 11px 0 0 0;
    text-align: left;
}

div.header div.links, div.header div.sign_links {
  margin-top: 5px;
}

div.header div.links, div.inner div.links {
  float: left;
  margin-right: 20px;
}

div.header div.links a, div.inner div.links a {
  color: #fff;
  margin-right: 10px;
  text-decoration: none;
}

div.header div.links a:hover, div.inner div.links a:hover {
  border-bottom: 2px solid #86b226;
}

div.header div.sign_links, div.inner div.sign_links {
  float: left;
}

div.header div.sign_links a, div.inner div.sign_links a {
  color: #bcfc3d;
  margin-right: 10px;
  text-decoration: none;
}

div.header div.sign_links a:hover, div.inner div.sign_links a:hover {
  border-bottom: 2px solid #86b226;
}

/* HOME -------------------------------------------------------*/

body.home {
    text-align: center;
}

body.home div.container {
    width: 950px;
    clear: both;
    overflow: hidden;
}

body.home div.pitch {
    height: 400px;
    background-image: url(/images/portal/home-screenshot.png);
    background-position: right;
    background-repeat: no-repeat;
    text-align: left;
}

body.home div.pitch h1 {
    font-size: 41px;
    margin: 0 0 10px 0;
    padding: 0;
    letter-spacing: -2px;
    line-height: 1.0em;
    text-align: left;
    color: #000;
}

body.home div.pitch h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2em;
    color: #222;
    font-family: georgia, times;
}

body.home div.pitch h3 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2em;
    color: #555;
    font-family: georgia, times;
}

body.home div.content {
    margin: 20px;
}

body.home div.left {
    width: 600px;
    float: left;
    overflow: hidden;
}

body.home div.right {
    width: 330px;
    float: right;
    text-align: left;
}

body.home div.right div.highlights {
    margin-bottom: 30px;
    overflow: hidden;
}

body.home div.right div.highlights div.highlight {
    margin-right: 14px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

body.home div.right div.highlights div.highlight img {
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

body.home div.highlight img.plus_zoom {
    position: absolute;
    display: none;
}

body.home div.logos div.right h2, div.action h2 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2em;
    color: #222;
    font-family: georgia, times;
}

body.home div.right h1 {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2em;
    color: #222;
    font-family: georgia, times;
    text-align: left;
    letter-spacing: normal;
}

body.home div.action cite {
    color: #666;
    font-size: 16px;
}

body.home div.action h3 {
    font-size: 16px;
    font-family: georgia, times;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
}

body.home div.blurb h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.2em;
    color: #3671A1;
    text-transform: uppercase;
}

body.home div.blurb {
    width: 255px;
    margin: 0 20px 20px 0;
    float: left;
}

body.home div.blurb.full {
  width: 530px;
}

body.home div.blurb p {
    font-family: georgia;
    font-size: 15px;
    line-height: 1.3em;
    margin: 0 0 30px 0;
}

body.home div.blurb ul {
    list-style: none;
    margin: 3px 0 0 0;
    padding: 0;
    font-family: georgia;
}

body.home div.blurb li {
    font-size: 13px;
    margin-bottom: 10px;
    color: #444;
}

body.home div.blurb li strong, body.home div.blurb li em {
    font-style: italic;
    color: #000;
    font-weight: bold;
}

body.home div.blurb li a {
    color: #444;
}

body.home div.tour {
    width: 400px;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    float: left;
    font-size: 24px;
}

body.home div.tour h3 {
    font-size: 16px;
    font-family: georgia, times;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
}

body.home div.extras {
    width: 400px;
    text-align: left;
    font-weight: normal;
    margin: 20px 0 0 0;
}


body.home div.action {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    float: left;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background-color: #efefef;
}

body.home div.action img.button {
    margin-bottom: 10px;
}

body.home div.casestudy {
    width: 270px;
    margin: 0 20px 30px 0;
    float: left;
    text-align: left;
}

body.home div.casestudy div.who {
    background-color: #222;
    padding: 5px;
}

body.home div.casestudy div.who h3, div.casestudy div.who h4 {
    margin: 0;
    padding: 2px 0 0 0;
    color: #fff;
    line-height: 1em;
}

body.home div.casestudy div.who h3 {
    font-size: 14px;
}

body.home div.casestudy div.who h4 {
    font-size: 12px;
    font-weight: normal;
    color: #f4ecd7;
}

body.home div.casestudy div.what {
    font-size: 14px;
    text-align: left;
    padding: 5px 0 0 0;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.1em;
}

body.home div.casestudy div.what h2 {
  margin: 0 0 2px 0;
  font-size: 14px;
  color: #000;
  line-height: normal;
  font-family: "微软雅黑","黑体";
}

body.home div.end {
    margin-right: 0;
}

/* SHADOWBOX --------------------------------------------------*/

div.feature div.shadow {
  background: url(/images/portal/background_shadow.png) no-repeat bottom right;
  padding: 0 7px 7px 0;
}

div.feature div.inner {
  overflow: hidden;
  background: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 8px;
    text-align: left;
}

div.feature div.inner img {
    margin-bottom: 3px;
}

div.feature div.inner a {
  color: #333;
  text-decoration: none;
}

div.feature div.inner a:hover {
  text-decoration: underline;
}

div.small_features {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

div.small_features div.feature {
  float: left;
  width: 230px;
}

div.feature {
  margin: 0 10px 11px 0;
}

div.small_features div.end {
    margin-right: 0;
}

div.feature div.container {
  width: 656px;
  background-color: #efefef;
  padding: 10px 15px 20px 15px;
  font-size: 11px;
  text-align: left;
}

div.feature h3 {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 7px 0 0 0;
    color: #fff;
}

div.feature p {
  text-align: center;
  color: #000;
}

div.feature h1 {
  font-family: times;
  color: #000;
  font-weight: bold;
  font-size: 3.8em;
  text-align: center;
  margin: 5px 0 5px 0;
}

div.feature h2 {
    color: #999;
    font-size: 12px;
    margin: 2px 0 0 0;
    padding: 0;
    font-weight: normal;
    text-align: center;
}

div.feature h3 {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 7px 0 0 0;
    color: #222;
}

div.feature h3 span.category {
  color: #c00;
}

div.feature h4 {
    margin: 1px 0 0 0;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    color: #555;
    line-height: 1em;
}

div.feature h5 {
    font-family: Georgia;
  color: #222;
  font-size: 14px;
  margin: 5px 0;
  font-weight: normal;
}

/* MASTHEAD ---------------------------------------------------*/

div.masthead {
    margin: 0 auto;
    padding: 20px 0 0 0;
    text-align: center;
    width: 100%;
}

div.masthead h1 {
  font-family: helvetica, arial sans-serif;
  font-size: 46px;
  font-weight: bold;
  color: #000;
    letter-spacing: -2px;
    margin: 0;
}

div.masthead h2 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    color: #444;
    font-family: helvetica, arial, sans-serif;
    letter-spacing: 0;
}

div.top {
    margin: 0 auto 30px auto;
    padding: 20px 0 0 0;
    width: 100%;
    background-color: #eff1ef;
    border-bottom: 1px solid #dadfcb;
    background-image: url(/images/portal/texture.png);
}

div.main_feature {
  width: 950px;
    margin: 0 auto 0 auto;
    position: relative;
}


/* WEB BASED ------------------------------------------------------*/

body.webbased div.container div.bigpoints h2 {
    font-size: 22px;
    margin-bottom: 0;
}

body.webbased div.container div.bigpoints {
    margin-bottom: 30px;
}

body.webbased div.summary {
  margin-bottom: 22px;
}

body.webbased div.bigpoints div.summary h2 {
  font-family: helvetica;
  color: #3671A1;
  font-size: 22px;
  line-height: 1.1em;
  margin: 0px 0 11px 0;
}

body.webbased div.summary h3 {
  font-weight: normal;
  font-family: helvetica;
  color: #3671A1;
  font-size: 18px;
  line-height: 1.2em;
  margin: 0 0 22px 0;
}

body.webbased div.rightcolumn div.browsers {
  padding-top: 1px;
}

body.webbased div.main_feature {
  text-align: center;
  margin-bottom: 30px;
}

/* STRIP ------------------------------------------------------*/

div.strip {
  width: 183px;
  float: right;
    text-align: left;
    padding: 10px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    margin-top: 10px;
}

div.strip p {
  font-family: verdana;
    font-size: 11px;
}

div.strip h2 {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #111;
  margin: 0 -10px 5px -10px;
    line-height: 1em;
    letter-spacing: normal;
    padding: 5px 10px;
}

div.strip ul {
  margin-left: 0;
  padding-left: 0;
}

div.strip ul li {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
    line-height: 1.2em;
    color: #555;
    font-family: verdana, georgia, times, "times new roman";
    font-size: 11px;
}

div.strip ul li a {
    font-size: 0.9em;
    color: #666;
}

div.strip em {
  color: #444;
    font-weight: bold;
    font-size: 10px;
    display: block;
    margin: 0 0 1px 0;
    padding: 0;
    line-height: 1.0em;
    font-style: normal;
    font-family: verdana,Helvetica,Arial,Verdana,sans-serif;
}

div.strip em img {
    float: right;
}

/* TOUR -------------------------------------------------------*/


div.subnav {
  margin: 30px 0 0 0;
  font-size: 16px;
  font-family: Georgia;
  color: #ccc;
}

div.subnav span {
  font-weight: bold;
  color: #222;
}

div.steps {
  border-top: 1px solid #adc8db;
  border-bottom: 1px solid #adc8db;
  margin-top: 50px;
  padding: 30px;
}

div.steps h1 {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
}

div.tourshot {
    margin: 35px auto;
    border-bottom: 2px solid #666;
}

div.tourshot img, object, embed {
    border: none;
    margin-bottom: 35px;
}

div.tourshot h2 {
    margin: 5px 0;
    font-family: helvetica, arial, sans-serif;
    font-size: 20px;
}

div#flashcontent {
  margin: 0;
}

a.tourhead {
  color: #333; text-decoration: none;
}

h1.back {
  margin: 30px 0 50px 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 20px;
}

/* BUZZ -------------------------------------------------------*/

body.buzz div.small_features {
    margin-bottom: 20px;
}

body.buzz div.rightcolumn {
  width: 470px;
  padding: 0 0 15px 0;
  float: left;
    text-align: left;
}

/* WHY --------------------------------------------------------*/

body.why div.leftcolumnwide {
  width: 650px;
  padding: 0;
  float: left;
  margin-bottom: 30px;
    text-align: left;
}

body.why div.leftcolumn {
  width: 530px;
  padding: 0 15px 15px 0;
  padding-left: 0;
  padding-bottom: 0;
  float: left;
    text-align: left;
}

body.why div.rightcolumn {
  width: 380px;
  padding: 0 0 15px 15px;
  float: left;
    text-align: left;
}

body.why div.leftcolumn h2 {
  color: black;
  font-size: 16px;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  line-height: 1.3em;
  margin: 0px;
}

body.why div.point {
  margin: 30px 0;
}

div.scenario {
  background-image: url(/images/portal/background_scenario.png);
  background-repeat: no-repeat;
  width: 345px;
  padding: 20px;
}

div.browsers {
  background-image: url(/images/portal/background_browsers.png);
}

div.scenario h3 {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #000;
}

div.scenario ul {
  list-style-image: url(/images/portal/icon_check.png);
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  margin: 10px;
  padding: 10px;
  line-height: 1.2em
}

div.scenario li {
  margin-bottom: 25px;
}


/* EXTRA ------------------------------------------------------*/

div.extra {
  background-color: #efefef;
  padding: 20px;
  margin: 30px 0 50px 0;
    clear: both;
    text-align: left;
}

div.extra h1 {
  color: #444;
    text-align: left;
  margin: 0 0 20px 0;
    clear: both;
}

div.extra h3 {
  margin: 0 0 2px 0;
    padding: 0;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 1.4em;
    line-height: 1.2em;
    color: #000;
}

div.fullcolumn {
  width: 100%;
  clear: both;
    text-align: left;
}

div.leftcolumnwide {
  width: 650px;
  padding: 0;
  float: left;
  margin-bottom: 30px;
    text-align: left;
}

div.leftcolumnwide h3 {
    color: black;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 1.3em;
    margin: 0 0 5px 0;
}

div.rightcolumnnarrow {
  width: 256px;
  margin-right: -15px;
  padding-top: 0;
  float: right;
  margin-bottom: 30px;
}

div.quote {
  padding: 0 15px 20px 0;
}

div.quote h3 {
  color: black;
  font-size: 1.3em;
  line-height: 1.3em;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  margin: 0;
}

div.quote p {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* PITCH ------------------------------------------------------*/

div.action {
  background-color: #80CEFF;
  padding: 20px;
  margin: 30px 0;
  clear: both;
  overflow: hidden;
  text-align: center;
}

div.action h2 {
    color: #4c95c3;
    font-family: helvetica, arial, sans-serif;
    font-size: 26px;
    margin: 0;
}

div.action h2 a {
    color: #174c6d;
}

div.actionhome {
    background-color: #3671A1;
  padding: 16px 0 17px 0;
  margin: 0;
    text-align: center;
    border: 0;
    color: #D5E9F6;
    border-bottom: 1px solid #dcdcdc;
}

/* SIGNUP -----------------------------------------------------*/

div.actionsignup {
  background-color: #3671A1;
  padding: 15px 0;
  margin: -30px;
    text-align: center;
    border: 0;
    color: #D5E9F6;
}

div.actionsignup strong {
    color: #FFF9DF;
}

div.rightcolumneven {
  width: 435px;
  padding-left: 0px;
  float: right;
    text-align: left;
}

div.leftcolumneven {
  width: 435px;
  padding-right: 0px;
  float: left;
    text-align: left;
}


/* FOOTER -----------------------------------------------------*/

div#footer {
    border-top: 1px solid #222;
    background-color: #222;
    padding-top: 20px;
    color: #ccc;
    clear: both;
}

div#footer div.container {
}

div#footer div.container div#products {
    width: 880px;
    margin: 0 auto;
    background-color: transparent;
    height: 150px;
}

div#footer div#products h1 {
    font-size: 20px;
    letter-spacing: 0;
    padding-left: 15px;
    margin: 0 0 1px 0;
    color: #fff;
}

div#footer div#products h1 span {
    color: #333;
    font-size: 18px;
    font-weight: normal;
}

div#footer div#products h2 {
    font-size: 16px;
    letter-spacing: 0;
    font-family: helvetica, arial, sans-serif;
    margin: 0;
    color: #80CEFF;
    font-weight: normal;
}

div#footer div.product {
    float: left;
    padding: 10px;
    width: 200px;
    text-align: center;
}

div#footer div.product img {
    margin-bottom: 8px;
}

div#footer div.product a {
    color: #fff;
}

div#footer div.bar {
    clear: both;
    padding-top: 20px;
    font-size: 14px;
    text-align: center;
}

div#footer div.bar strong {
    color: #fff;
}

div#footer div.bar a, div#footer div.legal a {
    color: #fff;
}

div#footer div.legal {
    margin: 30px auto;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
    font-size: 10px;
    width: 800px;
    line-height: 1.4em;
}

div#footer div.legal img {
    margin-bottom: 30px;
}


div#footer div.secondary {
    width: 740px;
    padding: 20px;
    clear: both;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 20px auto 0 auto;
    text-align: left;
}

div#footer div.secondary div.highlight {
    width: 350px;
    font-size: 14px;
    margin-bottom: 15px;
    height: 60px;
    color: #80CEFF;
}

div#footer div.secondary div.highlight img {
    float: left;
    padding-right: 10px;
}

div#footer div.secondary div.highlight h2 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 15px 0 2px 0;
}

div#footer div.secondary div.other {
    float: right;
    width: 345px;
    clear: both;
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    height: 60px;
    color: #fff;
}

div#footer div.secondary a {
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}

div#footer div.secondary div.other ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#footer div.secondary div.other li {
    font-size: 14px;
    margin-bottom: 9px;
    color: #999;
    line-height: 1;
}

/* Flash Video Demo */
#cs_noexpressUpdate {
    margin: 0 auto;
    font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-size: x-small;
    color: #003300;
    text-align: left;
    width: 210px; 
    height: 200px;  
    padding: 40px;
}


/* LEGAL ----------------------------------------------------*/

body.legal {
    font-family: georgia, times;
    text-align: left;
    padding: 20px;
    width: 800px;
}

body.legal h1 {
    font-family: helvetica, arial, sans-serif;
    color: #000;
    font-size: 30px;
    text-align: left;
    margin-bottom: 20px;
}

body.legal h2 {
    font-family: helvetica, arial, sans-serif;
    color: #000;
    font-size: 20px;
}

body.legal li {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 10px;
}

/* CHANGES ----------------------------------------------------*/

body.changes div.changes {
  text-align: left;
  margin-bottom: 60px;
}

body.changes div.changes h1 {
  text-align: left;
  margin-top: 60px;
  margin-bottom: 30px;
}

body.changes div.container h2 {
  margin: 0 0 10px 0;
}

body.changes ul {
  font-size: 14px;
}

body.changes li {
  margin-bottom: 5px;
}


/* CONTACT -------------------------------------------------------*/

body.contact div.content {
    text-align: left;
    margin-top: 25px;
}

/* download ----------------------------------------------------*/

body.download div.masthead h2 strong {
    color: #000;
}

body.download div.jacket {
    height: 360px;
    margin: 0 auto;
    font-family: helvetica, arial, sans-serif;
}

body.download div.short {
    width: 270px;
    height: 250px;
    border: 1px solid #999;
    float: left;
    margin-top: 22px;
    text-align: center;
    padding: 10px;
    background-color: #fff;
}

body.download div.tall {
    width: 200px;
    height: 270px;
    border: 3px solid #3671A1;
    float: left;
    text-align: center;
    padding: 8px 10px 10px 10px;
    background-color: #fff9df;
}

body.download div.no-r {
    border-right: 0;
}

body.download div.r-shadow {
    background-image: url(images/shadow-right.png);
    background-position: right;
    background-repeat: no-repeat;
}

body.download div.no-l {
    border-left: 0;
}

body.download div.l-shadow {
    background-image: url(images/shadow-left.png);
    background-position: left;
    background-repeat: no-repeat;
}

body.download div.short h1 {
    margin: 0;
    padding: 0;
    font-size: 34px;
}

body.download div.short h1, body.download div.short h1 a, div.short h2 {
    color: #333;
    text-decoration: none;
}

body.download div.tall h1, body.download div.tall h1 a {
    margin: 0;
    padding: 0;
    font-size: 42px;
    color: #000;
    line-height: 1em;
    text-decoration: none;
}

body.download div.short h2 {
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
}

body.download div.tall h2 {
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    color: #000;
}

body.download div.short h3 {
    margin: 0 0 15px 0;
    padding: 0 0 7px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-family: helvetica, arial, sans-serif;
    color: #73a1c7;
}

body.download div.tall h3 {
    margin: 0;
    padding: 0 0 4px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #4582b5;
}

body.download div.short li, body.download div.tall li {
    font-size: 14px;
    color: #64503f;
}

body.download div.tall li {
    font-size: 16px;
}

body.download div.tall ul, body.download div.short ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

body.download div.tall ul.highlight, div.short ul.highlight {
    margin-top: 0;
}

body.download div.tall ul.highlight li, div.short ul.highlight li {
    list-style: none;
    margin-bottom: 3px;
    font-size: 20px;
    line-height: 1em;
}

body.download div.tall li strong, body.download div.short li strong {
    color: #c33700;
}

body.download div.tall ul.highlight li {
    font-size: 24px;
    margin-bottom: 5px;
}

body.download div.tall img {
    margin: 1px 0 4px 0;
}

body.download div.tall small {
    color: #C33700;
    font-size: 12px;
}

body.download div.under_chart_left, body.download div.under_chart_right {
    position: relative;
    top: -44px;
    font-size: 15px;
    float: left;
} 

body.download div.under_chart_right {
    float: right;
}

.btn_download {
    display: block;
    background: url(/images/portal/btn_download.gif) no-repeat;
    width: 172px;
    height: 46px;
    line-height: 120%;
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    padding-top: 6px;
    text-indent: 15px;
    margin: 20px auto 10px;
}

.btn_download span {
    font-size: 12px;
    display: block;
}


/* HELP ----------------------------------------------------*/

div.helpsidebar {
  width: 165px;
  float: right;
  background-image: url(/images/portal/bkgd_api.jpg);
  background-repeat: no-repeat;
  padding: 15px;
  text-align: left;
  font-family: Verdana, sans-serif;
  font-size: 11px; color: #666;
}

div.helpsidebar h5 {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 14px;
  margin: 10px 0 15px 0;
  line-height: 1.3em;
}

div.helpsidebar ul {
  margin-left: 10px;
  padding-left: 10px;
  list-style: decimal;
}

div.helpsidebar li {
  margin-bottom: 5px;
}

div.helpcontent {
  text-align: left;
  width: 720px;
}

div.helpcontent p.anchors {
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 30px;
}

div.helpcontent h2 {
  font-family: Georgia, serif;
  color: #222;
  font-size: 21px;
  font-weight: normal;
  line-height: 1.3em;
  margin: 0;
  margin-bottom: 30px;
}

body.help div.video {
  background-color: #efefef;
  padding: 15px;
  padding-left: 10px;
  width: 375px;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}

body.help div.video img {
  margin-right: 5px;
}

div.faqgroup {
  border-top: 1px solid #ccc;
  margin: 30px 0 0 0;
}

body.help div.top {
  border: 1px solid #ff9900;
  background-color: #ffffcc;
  padding: 15px;
  background-image: none;
  width: auto;
}

div.faqgroup h3 {
  margin: 10px 0 15px 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.2em;
    color: #000;
    text-transform: uppercase;
}

div.faqgroup h3 a {
    color: #000;
}

div.faqgroup ul {
  margin-left: 10px;
  padding-left: 10px;
}

div.faqgroup li {
  margin-bottom: 5px;
}

div.faqgroup li.more {
  list-style-type:none;
  margin-top: 10px;
  text-transform: none;
}

div.help_nav {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #999;
}

div.help_entry {
  margin: 15px 0;
  padding: 15px 0;
  border-top: 1px solid #ccc;
  font-size: 11px;
}

div.help_entry h2 {
  margin-bottom: 10px;
}

body.help div.support_form {
  margin-bottom: 30px;
}

body.help div.support_form p.details {
    font-size: 11px;
    font-family: verdana;
    margin-bottom: 4px;
}

body.help div.support_form textarea {
    width: 550px;
    height: 200px;
    font-family: courier,monospace;
    font-size: 14px;
    padding: 3px;
    background-color: #fdfef1;
}

body.help div.support_form input {
    width: 550px;
    font-family: courier,monospace;
    font-size: 14px;
    padding: 3px;
    background-color: #fdfef1;
}

body.help div.support_form input.shorter {
    width: 350px;
}

div.support_form hr {
    margin: 20px 0;
}

body.help div.support_form input.button {
    width: auto;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: verdana;
    background-color: #fff;
}

body.help div.support_form select {
    font-size: 18px;
    padding: 3px;
}

div.support_form h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 2px 0;
    color: #000;
}

body.help div.support_form h2 span {
    font-size: 12px;
    font-weight: normal;
    color: #393;
    font-style: italic;
}

body.help div.question_before_contact a.not_listed {
    font-size: 11px;
    font-family: verdana;
}

body.help div.belt h2 {
  margin-top: 10px;
}